<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:n="http://java.sun.com/jsf/composite/nemesis"
                template="./../modelo/padrao.xhtml"
                xmlns:p="http://primefaces.prime.com.tr/ui">
    <ui:define name="titulo">Editar Cliente</ui:define>
    <ui:define name="corpo">
        <f:metadata>
            <f:viewParam name="id" value="#{clienteEditarControle.id}"/>
        </f:metadata>
        <h:form id="formEditar">
            <n:barraEditar controle="#{clienteEditarControle}"/>
            <h:panelGrid columns="2">
                Nome
                <h:inputText value="#{clienteEditarControle.objeto.nome}" size="50"/>
                CPF
                <p:inputMask mask="999.999.999-99"
                             value="#{clienteEditarControle.objeto.cpf}"
                             converter="conversorCPF"
                             validator="validadorCPF"
                             size="20"/>
                Identidade
                <h:inputText value="#{clienteEditarControle.objeto.identidade}" size="20"/>
                Nascimento
                <p:calendar  value="#{clienteEditarControle.objeto.nascimento}" showOn="button"/>
                Cidade
                <h:selectOneMenu value="#{sessao.cidade}"
                                 converter="conversorCidade"
                                 style="cursor: pointer;">
                    <f:ajax execute="@this" render="bairros"/>
                    <f:selectItem itemValue="#{null}" itemLabel="Selecione"/>
                    <f:selectItems value="#{sessao.cidades}"
                                   var="cidade"
                                   itemLabel="#{cidade.nome}"
                                   itemValue="#{cidade}"/>
                </h:selectOneMenu>
                Bairro
                <h:selectOneMenu id="bairros"
                                 value="#{sessao.bairro}"
                                 converter="conversorBairro"
                                 style="cursor: pointer;">
                    <f:selectItem itemValue="#{null}" itemLabel="Selecione"/>
                    <f:selectItems value="#{sessao.bairros}"
                                   var="bairro"
                                   itemLabel="#{bairro.nome}"
                                   itemValue="#{bairro}"/>
                </h:selectOneMenu>                
            </h:panelGrid>
        </h:form>
    </ui:define>
</ui:composition>